<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    /*
     *内建对象
     *
     *宿主对象
     * 
     *自定义对象（浏览器定义）
     */
    //数组（Array）
    //数组也是一个对象，它和我们普通的对象功能类似
    //也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名
    //而数组是使用数字来作为你索引操作元素
    //从零开始的整数就是索引
    //数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据

    //创建数组对象
    var arr=new Array();
    
    //使用typeof检查数组
    console.log(typeof arr);

    //向数组中添加元素
    //语法:数组[索引]=值
    arr[0]=10;
    arr[1]=20;
    arr[2]=30;
    arr[3]=50;
    //此方法比较麻烦，可用arr.length来添加元素
    arr[arr.length]=60;
    console.log(arr);//控制台输出10,20,30
    console.log(arr[1]);//控制台输出20
    //如果读取不存在的索引，控制台会输出undefined
    
    //获取数组的长度
    //可以使用length属性来获取数组的长度
    //语法：数组.length
    //对于连续的数组，使用length可以获取到数组的长度（元素的个数）
    //如果不连续，那么导出来的长度就是最大索引值+1
    var a=arr.length;
    console.log(a);

    //修改length
    //如果修改的length大于原长度,则多出来的部分会空出来
    //如果修改的length小于原长度，则多出来的元素会被删除
    arr.length=20;
    console.log(arr.length);
    console.log(arr);
    </script>
</head>
<body>
    
</body>
</html>